<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/template.xhtml">


	<ui:define name="content">
		<h1>
			<h:outputText value="#{messages['wellcome.title']}" />
		</h1>
		<h:form>

			<p:growl id="growl" showDetail="true" />

			<p:panel>
				<p:dataGrid id="lista" var="v_user"
					value="#{asistenciaBean.presentes}" columns="4">

					<p:panel header="#{v_user}" style="text-align:center">
						<p:panelGrid columns="1" style="width:100%">

							<p:outputLabel value="#{v_user}" />

						</p:panelGrid>
					</p:panel>

				</p:dataGrid>

				<p:commandButton actionListener="#{asistenciaBean.iniciovotar}"
					value="Inicio Votacion" />



				<p:socket onMessage="handleMessage" channel="/asistencia" />
				<p:remoteCommand name="handleMessage" update="lista" />

				<p:socket onMessage="resultado" channel="/resultado" />

				<p:growl widgetVar="gresultado" sticky="true" />

			</p:panel>

			<p:panel>
				<f:facet name="header">
              Ir Sitio Movil
        </f:facet>
				
			</p:panel>


			<script>
				function resultado(data) {
					gresultado.renderMessage({summary:'Resultado Votacion', detail: data, severity: 0});
				}
			</script>
		</h:form>

	</ui:define>
</ui:composition>
